<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css_file/index.css">
    <title>css快速入门</title>
</head>

<body>
    <div class="container">
        <div class="box1">
            <h1>hello world!</h1>
            <p>By 1999, the amount of time spent on local calls using landlines had reached a peak at 90 billion
                minutes.Subsequently,the figure for this category fell, but the rise in the other two types of phone call continued. In 2002,the
                number of minutes of national / international landline calls passed 60 billion, while the figure for mobiles rose to around 45
                billion minutes.</p>
        </div>
        <div class="box2">
            <h1>hello world!</h1>
            <p>By 1999, the amount of time spent on local calls using landlines had reached a peak at 90 billion
                minutes.Subsequently,the figure for this category fell, but the rise in the other two types of phone call
                continued. In 2002,the
                number of minutes of national / international landline calls passed 60 billion, while the figure for mobiles
                rose to around 45
                billion minutes.</p>
        </div>
        <div class="list">
            <ul>
                <li><a href="https://www.baidu.com" target="blank">导航条</a></li>
                <li><a href="https://www.baidu.com" target="blank">导航条</a></li>
                <li><a href="https://www.baidu.com" target="blank">导航条</a></li>
                <li><a href="https://www.baidu.com" target="blank">导航条</a></li>
            </ul>
        </div>
        <br><br>
        <button>按钮</button>

        <br><br>
        <div class="block">
            <p>By 1999, the amount of time spent on local calls using landlines had reached a peak at 90 billion
            minutes.Subsequently,the figure for this category fell, but the rise in the other two types of phone call
            continued. In 2002,the
            number of minutes of national / international landline calls passed 60 billion, while the figure for mobiles
            rose to around 45
            billion minutes.</p>
        </div>
        <div class="block">
            <p>By 1999, the amount of time spent on local calls using landlines had reached a peak at 90 billion
                minutes.Subsequently,the figure for this category fell, but the rise in the other two types of phone call
                continued. In 2002,the
                number of minutes of national / international landline calls passed 60 billion, while the figure for mobiles
                rose to around 45
                billion minutes.</p>
        </div>
        <div class="block">
            <p>By 1999, the amount of time spent on local calls using landlines had reached a peak at 90 billion
                minutes.Subsequently,the figure for this category fell, but the rise in the other two types of phone call
                continued. In 2002,the
                number of minutes of national / international landline calls passed 60 billion, while the figure for mobiles
                rose to around 45
                billion minutes.</p>
        </div>
        <div id="main-block">
            <p>By 1999, the amount of time spent on local calls using landlines had reached a peak at 90 billion
                minutes.Subsequently,the figure for this category fell, but the rise in the other two types of phone call
                continued. In 2002,the
                number of minutes of national / international landline calls passed 60 billion, while the figure for mobiles
                rose to around 45
                billion minutes.</p>
        </div>
        <div id="side-bar">
            <p>By 1999, the amount of time spent on local calls using landlines had reached a peak at 90 billion
                minutes.Subsequently,the figure for this category fell, but the rise in the other two types of phone call
                continued. In 2002,the
                number of minutes of national / international landline calls passed 60 billion, while the figure for mobiles
                rose to around 45
                billion minutes.</p>
        </div>
        <br><br><br>
        <div style="margin-top: 300px;">
            <ul class="list2">
                <li>list item</li>
                <li>list item</li>
                <li>list item</li>
                <li>list item</li>
                <li>list item</li>
                <li>list item</li>
            </ul>
        </div>
        <!-- box position -->
        <div class="position-box">
            <h1>hello world</h1>
        </div>
        <div class="father-box">
            <div class="child-box1"></div>
            <div class="child-box2"></div>
        </div>
    </div>
    
</body>

</html>